<html lang="en-us">
  <head>
    <meta charset="utf-8" />
    <title>Chats礼品码兑换</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Chats</title>
    <meta name="csrf-token" content="{{ csrf_token }}" />
    <link href="static/bootstrap-5.2.3-dist/css/bootstrap.min.css" rel="stylesheet" />
  </head>
  <body style="background-color: rgb(51, 51, 51);">
    <script type="text/javascript" src="static/js/jquery.min.js"></script>
    <script type="text/javascript" src="static/bootstrap-5.2.3-dist/js/bootstrap.bundle.min.js"></script>
    <link href="/static/css/style.css" rel="preload" as="style" />
    <script type="text/javascript" src="static/js/login.js"></script>
    <h1 class="h1" style="background-color: rgb(255, 255, 255);text-align: center; ">礼品码兑换</h1>
    <div style="margin-left:20%;width :60%">
      <form action="addCredit" method="post">
        {% csrf_token %}
        <div class="form-floating mb-3 mt-3">
          <input type="text" class="form-control" id="creditID" placeholder="creditID" name="creditID" />
          <label for="email">输入礼品码</label>
        </div>
        <div style="text-align: center;">
          <button class="btn btn-primary" id="submit" type="submit" onclick="">验证</button>
          <a style="color:rgb(255,0,0);">{{ error }}</a>
        <div style="margin-top: 2%;">
            <img src ="static/img/QQPayment.jpg" class = "img-fluid"></img>
        </div>
        </div>
      </form>
    </div>
  </body>
</html>
